<script type="text/javascript"> 

    jQuery(document).ready(function(){ 

        var width = 550;
            jQuery("#list3").jqGrid({ 
                    url:base_url+'home/getMyRowsAttributes?q=1', 
                    datatype: "json", 
                    colNames:['ID','value', 'name', 'required','custom'], 
                    colModel:[ 
                        {name:'ID',index:'ID', width:60, sorttype:"int"}, 
                        {name:'value',index:'value', width:100}, 
                        {name:'name',index:'name', width:100}, 
                        {name:'required',index:'required', width:80, align:"right",sorttype:"float"}, 
                        {name:'custom',index:'custom', width:80,align:"right",sorttype:"float",sortable:false}
                    ], 
                    rowNum:5, 
                    rowList:[5,10,25,50], 
                    pager: '#pager3', 
                    sortname: 'ID', 
                    viewrecords: true, 
                    sortorder: "desc", 
                    caption: "Load Once Example - getMyRowsAttributes",
                    width:width 
            }).navGrid('#pager3',{edit:false,add:false,del:false});     
            
            jQuery("#list2").jqGrid({ 
                    url:base_url+'home/getMyRowsObject?q=1', 
                    datatype: "json", 
                    colNames:['ID','type', 'name', 'status','date_time','owners_ID','fields'], 
                    colModel:[ 
                        {name:'ID',index:'ID', width:60, sorttype:"int"}, 
                        {name:'type',index:'type', width:100}, 
                        {name:'name',index:'name', width:100}, 
                        {name:'status',index:'status', width:100}, 
                        {name:'date_time',index:'date_time', width:100}, 
                        {name:'owners_ID',index:'owners_ID', width:80, align:"right",sorttype:"float"}, 
                        {name:'fields',index:'fields', width:80,align:"right",sorttype:"float",sortable:false}
                    ], 
                    rowNum:5, 
                    rowList:[5,10,25,50], 
                    pager: '#pager2', 
                    sortname: 'ID', 
                    viewrecords: true, 
                    sortorder: "desc", 
                    caption: "Load Once Example - getMyRowsObjects",
                    width:width 
            }).navGrid('#pager2',{edit:false,add:false,del:false}); 

    }); 
</script>


<div class="container">

    <div class="page-header"><div class="row"><h1 class="span12">Kontrolna tabla</h1></div></div>

    <div class="row">
        <div class="span6">
            <table id="list3"></table> 
            <div id="pager3"></div>    

        </div>
        <div class="span6">
            <table id="list2"></table> 
            <div id="pager2"></div>    

        </div>
    </div>

</div> <!-- /container -->
 
   